<template>
  <div class="ranking_list fL w100">
    <div class="layout">
      <h2 class="song_title">排 <span>/</span> 行 <span>/</span> 榜 <a href="###"> 更多> </a></h2>
      <div class="rank_cent">
        <div class="rank_a">
          <h3>歌手榜</h3>
          <ul class="ranking">
            <li class="active">
              <a>
                <font>1</font>
                <p><img src="../assets/d01.png" />一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>2</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
            <li>
              <a>
                <font>3</font>
                <p>世界上没有真正的感同身受</p>
                <span>王源</span>
              </a>
            </li>
            <li>
              <a>
                <font>4</font>
                <p>一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>5</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
            <li>
              <a>
                <font>6</font>
                <p>世界上没有真正的感同身受</p>
                <span>王源</span>
              </a>
            </li>
            <li>
              <a>
                <font>7</font>
                <p>一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>8</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="rank_b">
          <h3>欧美榜</h3>
          <ul class="ranking">
            <li class="active">
              <a>
                <font>1</font>
                <p><img src="../assets/d02.png" />一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>2</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
            <li>
              <a>
                <font>3</font>
                <p>世界上没有真正的感同身受</p>
                <span>王源</span>
              </a>
            </li>
            <li>
              <a>
                <font>4</font>
                <p>一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>5</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
            <li>
              <a>
                <font>6</font>
                <p>世界上没有真正的感同身受</p>
                <span>王源</span>
              </a>
            </li>
            <li>
              <a>
                <font>7</font>
                <p>一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>8</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="rank_c">
          <h3>日韩榜</h3>
          <ul class="ranking">
            <li class="active">
              <a>
                <font>1</font>
                <p><img src="../assets/d03.png" />一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>2</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
            <li>
              <a>
                <font>3</font>
                <p>世界上没有真正的感同身受</p>
                <span>王源</span>
              </a>
            </li>
            <li>
              <a>
                <font>4</font>
                <p>一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>5</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
            <li>
              <a>
                <font>6</font>
                <p>世界上没有真正的感同身受</p>
                <span>王源</span>
              </a>
            </li>
            <li>
              <a>
                <font>7</font>
                <p>一曲相思</p>
                <span>半阳</span>
              </a>
            </li>
            <li>
              <a>
                <font>8</font>
                <p>筷子</p>
                <span>王嘉尔</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "paihang"
}
</script>

<style scoped>

</style>
